<div class="jrsq-big" *ngIf="jrsqData.length>0">
  <div class="title">
    <span class="dot"></span>
    <span class="text">今日水情</span>
  </div>

  <div class="total">
    <div class="gq">
      <div class="name">{{jrsqData[0][0]['name']}}</div>
      <div class="value">
        <div class="inner-wrap" [ngClass]="{'update': jrsqData[0][0].flow !== jrsqData[0][0].newflow, 'T0': jrsqData[0][0].flow == jrsqData[0][0].newflow}">
          <div>{{ jrsqData[0][0].flow }}</div>
          <div>{{jrsqData[0][0].newflow}}</div>
        </div>
      </div>
    </div>
    <div class="hx">
      <div class="name">{{jrsqData[0][1]['name']}}</div>
      <div class="value">
        <div class="inner-wrap" [ngClass]="{'update': jrsqData[0][1].flow !== jrsqData[0][1].newflow, 'T0': jrsqData[0][1].flow == jrsqData[0][1].newflow}">
          <label style="display: block">{{ jrsqData[0][1].flow }}</label>
          <label style="display: block">{{jrsqData[0][1].newflow}}</label>
        </div>
      </div>
    </div>
    <div class="hd">
      <div class="name">{{jrsqData[0][2]['name']}}</div>
      <div class="value">
        <div class="inner-wrap" [ngClass]="{'update': jrsqData[0][2].flow !== jrsqData[0][2].newflow, 'T0': jrsqData[0][2].flow == jrsqData[0][2].newflow}">
          <label style="display: block">{{ jrsqData[0][2].flow }}</label>
          <label style="display: block">{{jrsqData[0][2].newflow}}</label>
        </div>
      </div>
    </div>
  </div>

  <div class="divider"></div>

  <div class="data-list">
    <div class="sec">
      <div class="cell" *ngFor="let item of jrsqData[1]">
        <div class="name">{{item.name}}</div>
        <div class="value">
          <div class="inner-wrap" [ngClass]="{'update': item['flow'] !== item['newflow'], 'T0': item.flow == item.newflow}">
            <div>{{ item['flow'] }}</div>
            <div>{{item['newflow']}}</div>
          </div>
        </div>
      </div>
    </div>
    <div class="sec">
      <div class="cell" *ngFor="let item of jrsqData[2]">
        <div class="name">{{item.name}}</div>
        <div class="value">
          <div class="inner-wrap" [ngClass]="{'update': item['flow'] !== item['newflow'], 'T0': item.flow == item.newflow}">
            <div>{{ item['flow'] }}</div>
            <div>{{item['newflow']}}</div>
          </div>
        </div>
      </div>
    </div>
    <div class="sec">
      <div class="cell" *ngFor="let item of jrsqData[3]">
        <div class="name">{{item.name}}</div>
        <div class="value">
          <div class="inner-wrap" [ngClass]="{'update': item['flow'] !== item['newflow'], 'T0': item.flow == item.newflow}">
            <div>{{ item['flow'] }}</div>
            <div>{{item['newflow']}}</div>
          </div>
        </div>
      </div>
    </div>
    <div class="sec">
      <div class="cell" *ngFor="let item of jrsqData[4]">
        <div class="name">{{item.name}}</div>
        <div class="value">
          <div class="inner-wrap" [ngClass]="{'update': item['flow'] !== item['newflow'], 'T0': item.flow == item.newflow}">
            <div>{{ item['flow'] }}</div>
            <div>{{item['newflow']}}</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
